// import Vue from "vue";

import Back from "./base/back/index";

const pageTemplates = [
    Back,
];
// console.log(pageTemplates)

// [].concat(pageTemplates).forEach(component => {
//     Vue.component(component.name, component);
//   });

// export default Vue;

// 1 - globalComponent.js

import Vue from 'vue' // 引入vue

// 处理字母大写 
function changeStr(str){
    //return str.charAt(0).toUpperCase() + str.slice(1) //处理首字母大写 abc => Abc
    return str.toUpperCase(); //处理首字母大写 abc => ABC
}

/*
    require.context(directory,includeSubdirs, filter,mode)
        directory - 读取文件的路径
        includeSubdirs - 是否遍历文件的子目录
        filter - 匹配文件的正则
        mode - 加载模式 optional, 'sync' | 'eager' | 'weak' | 'lazy' | 'lazy-once', default 'sync'
    值得注意的是require.context函数执行后返回的是一个函数,并且这个函数有3个属性

    resolve {Function} -接受一个参数request,

    keys {Function} -返回匹配成功模块的名字组成的数组

    id {String} -执行环境的id,返回的是一个字符串,主要用在module.hot.accept,应该是热加载?

    这三个都是作为函数的属性(注意是作为函数的属性,函数也是对象,有对应的属性)

*/
const requireComponent = require.context('./base', true, /index\.vue$/)
//console.log('requireComponent.keys():',requireComponent.keys())  
requireComponent.keys().forEach(fileName => {
    const config = requireComponent(fileName)
    const componentName = changeStr(
        fileName.replace(/^\.\//, '').replace(/\.\w+$/, '')   // ./back.vue => BACK
    )
    //console.log(config.default.name)
    Vue.component(config.default.name||componentName, config.default || config) // 动态注册该目录下的所有index.vue文件
})

